@import "../../scss/var";
@import "../../scss/mixin";

.swiper-container{
  position: relative;
  height: 580px;
  background-color: #000;
  .img-wrapper{
    width: 100%;
    height: 100%;
    .img{
      width: 100%;
      height: 100%;
    }
  }
}

.player-wrapper{
  position: relative;
  .sentence-container{
    position: absolute;
    bottom: 30px;
    margin-left: 50%;
    transform: translateX(-50%);
    max-width: 80%;
    max-height: 100%;
    background-color: rgba(0,0,0,0.5);
    font-size: 28px;
    color: #FFFFFF;
    padding: 20px;
  }

  .play-icon{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 192px;
    width: 192px;
  }
}
